import px2rem from '@/utils/flexble'

const headerHeight = 72

const overviewHeight = 128

const gap = 8

const paddingBottom = gap

const bottomCarHeight = `(100vh - ${px2rem(
  headerHeight + overviewHeight + gap * 3 + paddingBottom
)}) / 2`

export const segmentHeight = `calc(${bottomCarHeight})`

export const middleSegmentHeight = `calc((${bottomCarHeight} - ${px2rem(gap * 2)}) / 2)`

export const smallSegmentHeight = `calc((${bottomCarHeight} - ${px2rem(gap * 2)}) / 4)`
